<script lang="ts">
  let count: number = 0;
  const increment = () => {
    count += 1;
  };
</script>

<div class="empty">
  <img
    src="https://test-ymsl.kxgcc.com:30195/public/website/scm/empty.png"
    alt=""
    class="empty-img"
  />
  <div class="empty-title">
    <div class="title">
      <div>暂无内容，如需人工帮助, 请致电</div>
      <div>
        平台服务热线:<a href="tel:400-678-5777" class="tel-a">400-678-5777</a>
        , 感谢您的使用！
      </div>
    </div>
  </div>
</div>

<style lang="less">
  * {
    box-sizing: border-box;
  }
  .empty {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 56px);
    .empty-title {
      margin-top: 8px;
      color: rgba(0, 0, 0, 0.65);
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      margin-top: 8px;
      color: rgba(0, 0, 0, 0.65);
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      .title {
        padding-top: 20px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.85);
        line-height: 19px;
        a {
          color: rgb(22, 119, 255);
          padding-left: 4px;
          text-decoration: none;
        }
      }
    }
    .empty-img {
      max-width: 170px;
      width: 67%;
      height: auto;
      vertical-align: middle;
      border-style: none;
    }
  }
</style>
